<template>
  <div class="sasa">
    <div class="page">
        <ul>
          <li v-for="(v,i) in arr" :key="i">
            <div class="dv1"><img :src="v.img"></div>
            <p>{{v.name}}</p>
          </li>
        </ul>
      </div>
  </div>
</template>

<script>
export default {
  data(){
    return {
      arr:[
        {name:"浏览记录(1)",img:"img/w1.jpg"},
        {name:"看房管理(1)",img:"img/w2.jpg"},
        {name:"交易订单(1)",img:"img/w3.jpg"},
        {name:"优惠卷(1)",img:"img/w4.jpg"}
      ]
    }
  }
}
</script>

<style scoped>
*{
    margin: 0;
    padding: 0;
}
.sasa{
    width: 94%;
    height: .93rem;
}
.page{
  width: 100%;
  height: .93rem;
}
.page ul{
    width: 100%;
    height: 100%;
    display: flex;
}
.page ul li{
    width: 25%;
    height: 100%;
}
.page ul li .dv1{
    width: .25rem;
    height: .25rem;
    margin: .25rem 0 .1rem .30rem;
}
.page ul li .dv1 img{
    width: 100%;
    height: 100%;
}
.page ul li p{
    font-size: .12rem;
    text-align: center;
    font-weight: 700;
}
</style>